JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<ul data-bind='foreachLinedListElement: linkedlist'>
    <li> Hello <span data-bind='text: name'></span></li>
</ul>

JavaScript

var a1, a2, a3, vm;

ko.bindingHandlers.foreachLinkedListElement = {
    init: function(element, valueAccessor, allBindings, viewModel) {},

    update: function(element, valueAccessor, allBindings, viewModel) {}
};

// elsewhere
a1 = {
    prev: ko.observable()
    next: ko.observable(a2)
    name: ko.observable("Head")
};

a2 = {
    prev: ko.observable(a1),
    next = ko.observable(a3)
    name: ko.observable("Malcolm")
};

a3 = {
    prev: ko.observable(a2)
    next: ko.observable(),
    name = "Foot"
};

vm = {
    linkedlist: {
        root: ko.observable(a1),
        tail: ko.observable(a3)
    }
};

bindings = ko.mapping.fromJS(prototype_data);
ko.applyBindings(bindings);