JSFiddle - React, Tailwind, and code Playground

by anAgent

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<div id="Main">
    <label data-bind="text: ViewModel.Name">default</label>
    <div data-bind="stopBindings: true">
        <div id="ChildBinding">
            <label data-bind="text: AnotherViewModel.Name">default</label>
        </div>
    </div>
</div>

JavaScript

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

    var data = {
        ViewModel: {
            Name: "Testing"
        }
    }

    var data2 = {
        AnotherViewModel: {
            Name: "More Testing"
        }
    }

    ko.applyBindings(data, $("#Main")[0]);
    ko.applyBindings(data2, $("#ChildBinding")[0]);

});