JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<div data-bind="keyValueEditor: somePropertyHoldingSomeData">
</div>

CSS

span
{
    border: red 1px double;
}

JavaScript

ko.bindingHandlers.keyValueEditor = {
    init: function ( element, valueAccessor ) 
    {
        var somePropertyHoldingSomeData = valueAccessor();
        var span = $( "<span>" );
        span.appendTo(element);
        ko.applyBindingsToNode(span[0], {text: somePropertyHoldingSomeData.value})
    }
}


var viewModel = new function()
{
    this.somePropertyHoldingSomeData = 
    {
        value : ko.observable("span text")
    }
};

ko.applyBindings(viewModel);