Knockout - stopBinding binding

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<div id="main">
    <div data-bind="text: header"></div>
    
    <div data-bind="stopBinding: true">
        <div id="one">
            <input data-bind="value: first" />
            <input data-bind="value: last" />        
        </div>
    </div>

    <!-- ko stopBinding: true -->
    <div id="two" data-bind="text: content"></div>
    <!-- /ko -->

    <div data-bind="text: footer"></div>
</div>

JavaScript

//let KO know that we will take care of managing the bindings of our children
ko.bindingHandlers.stopBinding = {
    init: function() {
        return { controlsDescendantBindings: false };
    }        
};
    
//KO 2.1, now allows you to add containerless support for custom bindings
ko.virtualElements.allowedBindings.stopBinding = false;
        
var viewModel = {
    header: ko.observable("Hello"),
    footer: ko.observable("Good Bye")
};
        
var subModel1 = {
    first: ko.observable("asdasdasd"),
    last: ko.observable("Smith")
};
        
var subModel2 = {
    content: ko.observable("some content")
};
        
        
ko.applyBindings(viewModel);
ko.applyBindings(subModel1, document.getElementById("one"));
ko.applyBindings(subModel2, document.getElementById("two"));