Bind Handler Debugger Knockout

Knockout é uma ótima biblioteca javascript para aplicar o padrão MVVM no front-end. Mas dependendo do seu cenário, pode ser um pouco complicado para debuggar algum problema durante qualquer bind na view.
Então para essas situações eu sempre utilizo um custom bind handler do knockout para invocar a pausa do js debugger durante o bind em tempo de execução:

// Debugger Bind
//-------------------------
ko.bindingHandlers.debuggerBind = {
  init: function (element, valueAccessor, allBindingsAccessor) {
    debugger;
    var person = valueAccessor();
    console.debug("Init ~> Knockout bind debugger: " + person.firstName());
  },
  update: function (element, valueAccessor) {
    debugger;
    var person = valueAccessor();
    console.debug("Update ~> Knockout bind debugger: " + person.firstName());
  },
};

No bind eu adiciono o atributo debuggerBind e carrego a página no navegador com a ferramenta do desenvolvedor aberta. O resultado será o seguinte:

Debugger pausado durante bind:

Veja o exemplo no JsFiddle (Execute com a ferramenta do desenvolvedor aberta - F12)