Custom knockout binding for the Bootstrap modal plugin. Includes bindings to the modal options, all the modal events, and an extra 'visible' binding to toggle the modal.

KnockoutBootstrapModalBinding

ko.bindingHandlers.modal = {
  init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
      var value = valueAccessor();
      var valueUnwrapped = ko.unwrap(value);
      var options = valueUnwrapped.options;
      options.show = valueUnwrapped.visible && ko.unwrap(valueUnwrapped.visible);
      $(element).modal(options);
      $(element).on('show.bs.modal', function() { 
          if(valueUnwrapped.visible) {
            if(typeof(valueUnwrapped.visible) === 'function') valueUnwrapped.visible(true);
            else valueUnwrapped.visible = true;
          }
        if(valueUnwrapped.show) valueUnwrapped.show();
      });
      if(valueUnwrapped.shown) {
        $(element).on('shown.bs.modal', valueUnwrapped.shown);
      }
      $(element).on('hide.bs.modal', function() { 
        if(valueUnwrapped.visible) {
          if(typeof(valueUnwrapped.visible) === 'function') valueUnwrapped.visible(false);
          else valueUnwrapped.visible = false;
        }
        if(valueUnwrapped.hide) valueUnwrapped.hide();
      });
      if(valueUnwrapped.hidden) {
        $(element).on('hidden.bs.modal', valueUnwrapped.hidden);
      }
      if(valueUnwrapped.loaded) {
        $(element).on('loaded.bs.modal', valueUnwrapped.loaded);
      }
      ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
         $(element).modal("destroy");
      });
  },
  update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
      var value = valueAccessor();
      var valueUnwrapped = ko.unwrap(value);
      if(valueUnwrapped.visible && ko.unwrap(valueUnwrapped.visible))
        $(element).modal('show');
      else 
        $(element).modal('hide');
  }
};