JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.js"></script>
<div class='anchors' data-bind="foreach:{data: anchors}">
    <a href='#' data-bind="attr:{'href': href}, text: name"></a><br>
</div>

JavaScript

var viewModel = (function(){
    var instance = {};

    instance.anchors = ko.observableArray([{
        'href': '#1',
        'name': 'Anchor1'
    }, {
        'href': '#2',
        'name': 'Anchor2'
    },{
        'href': '#3',
        'name': 'Anchor3'
    },{
        'href': '#4',
        'name': 'Anchor4'
    }]);

    return instance;
})();

ko.applyBindings(viewModel);


$('.anchors').on('click', 'a', function(event) {
    var model = ko.dataFor(this);
    console.log(model);
});