ignore binding

https://groups.google.com/d/topic/knockoutjs/747ftD1FxMw/discussion

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.0.0.debug.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css">
<div>
    <div data-bind="text: name"></div>
    <div data-bind="stopBindings: true">
        <div id="inner">
            <span data-bind="text: name"></span>
        </div>        
    </div>
</div>

JavaScript

ko.bindingHandlers.stopBindings = {
    init: function() {
        return { 'controlsDescendantBindings': true };
    }        
};

var viewModelA = { name: "Bob" };
var viewModelB = { name: "Ted" };  

ko.applyBindings(viewModelA);
ko.applyBindings(viewModelB, document.getElementById("inner"));